<template>
  <div class="careers">
    <Header @changelang="changeLanguage"></Header>
    <article>
    	<div class="kraken-components">
    		<div class="kraken-component">
    			<div class="fc-0249d7f8-2">
    				<div class="fc-a6832f4b-1">
    					<div class="kraken-content-wrapper fc-a6832f4b-2">
    						<h1 class="fc-a6832f4b-3">Ready to be legendary?</h1>
    						<h2 class="fc-a6832f4b-4">Jesse, CEO + Christina, CBO discuss the ins-and-outs of working at Kraken.</h2><button
    						 class="fc40 fc31 fc-a6832f4b-5" tabindex="0" type="button" aria-label="play"><span class="fc39"><svg class="fc43 fc-a6832f4b-6"
    								 focusable="false" viewBox="0 0 24 24" aria-hidden="true">
    									<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z"></path>
    								</svg></span></button>
    						<div class="fc-565771a7-1"><span>We are hiring! Find an open position, or browse <a href="/redirect?url=https%3A%2F%2Fjobs.lever.co%2Fkraken">All
    									Kraken Job Openings</a></span>
    						</div>
    						<form class="fc-82b300cc-1">
    							<div id="careers-location" class="fc-ea222b8d-1">
    								<div class="fc53 fc52 fc-cbbcefd3-1"><label class="fc69 fc57 fc-cbbcefd3-3 fc63 fc66 fc65 fc64 fc68 fc-cbbcefd3-2 fc74"
    									 data-shrink="true">Location</label>
    									<div class="fc92 fc77 fc-cbbcefd3-5 fc93 fc97 fc82 fc99 fc84"><input type="text" aria-invalid="false"
    										 disabled="" value="All" class="fc103 fc87 fc-cbbcefd3-4 fc108 fc91 fc104 fc88" />
    										<div class="fc110 fc113 fc116"><button class="fc40 fc31 fc33" tabindex="0" type="button"><span class="fc39"><svg
    													 class="fc43" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
    														<path d="M7 10l5 5 5-5z"></path>
    													</svg></span></button></div>
    										<fieldset aria-hidden="true" class="fc117 fc86 fc-cbbcefd3-7">
    											<legend class="fc119 fc120"><span>Location</span></legend>
    										</fieldset>
    									</div>
    								</div>
    							</div>
    							<div id="careers-team" class="fc-ea222b8d-1">
    								<div class="fc53 fc52 fc-cbbcefd3-1"><label class="fc69 fc57 fc-cbbcefd3-3 fc63 fc66 fc65 fc64 fc68 fc-cbbcefd3-2 fc74"
    									 data-shrink="true">Team</label>
    									<div class="fc92 fc77 fc-cbbcefd3-5 fc93 fc97 fc82 fc99 fc84"><input type="text" aria-invalid="false"
    										 disabled="" value="All" class="fc103 fc87 fc-cbbcefd3-4 fc108 fc91 fc104 fc88" />
    										<div class="fc110 fc113 fc116"><button class="fc40 fc31 fc33" tabindex="0" type="button"><span class="fc39"><svg
    													 class="fc43" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
    														<path d="M7 10l5 5 5-5z"></path>
    													</svg></span></button></div>
    										<fieldset aria-hidden="true" class="fc117 fc86 fc-cbbcefd3-7">
    											<legend class="fc119 fc120"><span>Team</span></legend>
    										</fieldset>
    									</div>
    								</div>
    							</div>
    							<div id="careers-work-type" class="fc-ea222b8d-1">
    								<div class="fc53 fc52 fc-cbbcefd3-1"><label class="fc69 fc57 fc-cbbcefd3-3 fc63 fc66 fc65 fc64 fc68 fc-cbbcefd3-2 fc74"
    									 data-shrink="true">Work Type</label>
    									<div class="fc92 fc77 fc-cbbcefd3-5 fc93 fc97 fc82 fc99 fc84"><input type="text" aria-invalid="false"
    										 disabled="" value="All" class="fc103 fc87 fc-cbbcefd3-4 fc108 fc91 fc104 fc88" />
    										<div class="fc110 fc113 fc116"><button class="fc40 fc31 fc33" tabindex="0" type="button"><span class="fc39"><svg
    													 class="fc43" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
    														<path d="M7 10l5 5 5-5z"></path>
    													</svg></span></button></div>
    										<fieldset aria-hidden="true" class="fc117 fc86 fc-cbbcefd3-7">
    											<legend class="fc119 fc120"><span>Work Type</span></legend>
    										</fieldset>
    									</div>
    								</div>
    							</div><a data-testid="site-link" target="_blank" rel="noopener" class="fc-82b300cc-2" href="/redirect?url=https%3A%2F%2Fjobs.lever.co%2Fkraken">Search
    								Jobs</a>
    						</form>
    					</div>
    					<div class="fc-a6832f4b-11">
    						<picture class="kraken-image">
    							<source type="image/webp" srcSet="../../static/k/img/2048.webp" />
    							<source srcSet="../../static/k/img/2048.webp" /><img
    							 class="kraken-image" alt="" loading="lazy" /></picture>
    					</div>
    				</div>
    			</div>
    		</div>
    		<div class="kraken-component">
    			<div class="kraken-components-group" id="careers">
    				<div class="kraken-component">
    					<div class="kraken-two-column">
    						<div class="kraken-content-wrapper">
    							<div class="container">
    								<div class="col left-col bg-white">
    									<div class="kraken-only-mobile mobile-cryptoref"></div>
    									<h1>Join the Revolution!</h1>
    									<h2>Work with the world’s top talent to bring secure crypto to the masses.</h2>
    									<hr />
    									<div class="bg-white">
    										<p>Founded in 2011 and with over 4 million clients, Kraken is one of the world&#x27;s largest, most
    											successful bitcoin exchanges and we&#x27;re growing faster than ever.</p>
    										<p><a data-testid="site-link" target="_blank" rel="noopener" class="kraken-cta inline btn-purple" href="/redirect?url=https%3A%2F%2Fjobs.lever.co%2Fkraken">Apply
    												Now</a></p>
    										<p> </p>
    										<h2>Our Mission</h2>
    										<h3>Our mission is to accelerate the adoption of cryptocurrency so that you and the rest of the world
    											can achieve financial freedom and inclusion.</h3>
    										<p>Our range of successful products are playing an important role in the mainstream adoption of crypto
    											assets. We attract people who constantly push themselves to think differently and chart exciting new
    											paths in a rapidly growing industry. Kraken is a diverse group of dreamers and doers who see value in
    											being radically transparent.</p>
    										<p><a data-testid="site-link" class="kraken-cta inline" href="/zh-cn/why-kraken/">Learn More</a></p>
    										<p class="text-right"></p>
    									</div>
    								</div>
    								<div class="col right-col bg-kraken-gray">
    									<div class="kraken-only-desktop desktop-cryptoref text-center"></div>
    									<hr />
    									<h3>All Open Jobs</h3>
    									<p>We have open positions in the following departments:</p>
    									<ul class="full-width without-icons dynamic"></ul>
    									<p class="text-center"></p>
    									<div class="kraken-only-desktop pull-left"></div>
    								</div>
    							</div>
    						</div>
    					</div>
    				</div>
    				<div class="kraken-component">
    					<div class="kraken-two-column">
    						<div class="kraken-content-wrapper">
    							<div class="container">
    								<div class="col left-col bg-white">
    									<div class="kraken-only-mobile mobile-cryptoref"></div>
    									<h2>We (mostly) work remote, but we always work together.</h2>
    									<hr />
    									<div class="bg-white">
    										<p><strong>Work where you want</strong><br />
    											90% of Krakenites work remotely, we believe people do their best work wherever they&#x27;re happiest.</p>
    										<p><strong>Flexibility and Autonomy</strong><br />
    											We are highly results-focused vs. time-focused. We want you to work when and how you need to keep you
    											at your most proactive.</p>
    										<p class="text-right"></p>
    									</div>
    								</div>
    								<div class="col right-col bg-kraken-gray">
    									<div class="kraken-only-desktop desktop-cryptoref text-center"></div>
    									<hr />
    									<h3>What’s a Krakenite?</h3>
    									<p><strong>Krakenites are passionate, curious, hard working and security minded. We are not afraid of
    											challenging the norm and taking over the crypto space while doing so.</strong></p>
    									<p>We value autonomy and freedom to explore all of our potential. We don’t box ourselves in physically
    										or mentally.</p>
    									<p>Above all, we value kindness. From executive leadership onwards, we are committed to making Kraken a
    										welcoming and respectful community.</p>
    									<p class="text-center"></p>
    									<div class="kraken-only-desktop pull-left"></div>
    								</div>
    							</div>
    						</div>
    					</div>
    				</div>
    				<div class="kraken-component">
    					<div class="kraken-two-column">
    						<div class="kraken-content-wrapper">
    							<div class="container">
    								<div class="col left-col bg-white">
    									<div class="kraken-only-mobile mobile-cryptoref"></div>
    									<h2>Ready to be Legendary? </h2>
    									<hr />
    									<div class="bg-white">
    										<p>A few final thoughts...</p>
    										<p><strong>We value diversity</strong><br />
    											Our Team is spread across 60 countries. By joining Kraken you&#x27;ll be part of a truly multicultural
    											organization that values diversity and inclusion.</p>
    										<p><strong>A new approach to salary</strong><br />
    											Kraken prides itself on being at the forefront of crypto innovation, and that means the majority of
    											our workforce has the option to be paid in bitcoin.</p>
    										<p><strong>Equity Options</strong><br />
    											Kraken owes its success and growth to its people. That&#x27;s why we offer nearly all our Krakenites a
    											stake in the company.</p>
    										<p class="text-right"></p>
    									</div><a data-testid="site-link" target="_blank" rel="noopener" class="kraken-cta inline btn-purple"
    									 href="/redirect?url=https%3A%2F%2Fjobs.lever.co%2Fkraken">See all open roles</a>
    								</div>
    								<div class="col right-col bg-kraken-gray">
    									<div class="kraken-only-desktop desktop-cryptoref text-center"></div>
    									<hr />
    									<h3>Kraken in the News</h3>
    									<p><a data-testid="site-link" target="_blank" rel="noopener" href="/redirect?url=https%3A%2F%2Fwww.forbes.com%2Fsites%2Fjeffkauflin%2F2018%2F07%2F09%2Fthese-startups-are-defying-the-status-quo-in-crypto-and-building-diverse-teams%2F"><img
    											 src="../../../static/k/img/orig.jpg" alt="Krakenites in the San Francisco office"
    											 class="framed" /></a></p>
    									<p><em>These Startups Are Defying The Status Quo In Crypto And Building Diverse Teams</em></p>
    									<p><a data-testid="site-link" target="_blank" rel="noopener" href="/redirect?url=https%3A%2F%2Fwww.forbes.com%2Fsites%2Fjeffkauflin%2F2018%2F07%2F09%2Fthese-startups-are-defying-the-status-quo-in-crypto-and-building-diverse-teams%2F">–
    											Forbes</a></p>
    									<p class="text-center"></p>
    									<div class="kraken-only-desktop pull-left"></div>
    								</div>
    							</div>
    						</div>
    					</div>
    				</div>
    				<div class="kraken-component">
    					<div class="kraken-two-column">
    						<div class="kraken-content-wrapper">
    							<div class="container">
    								<div class="col left-col bg-white">
    									<div class="kraken-only-mobile mobile-cryptoref"></div>
    									<div class="bg-white">
    										<p class="text-right"></p>
    									</div>
    								</div>
    								<div class="col right-col bg-kraken-gray">
    									<div class="kraken-only-desktop desktop-cryptoref text-center"></div>
    									<p class="text-center"></p>
    									<div class="kraken-only-desktop pull-left"></div>
    								</div>
    							</div>
    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    	</div>
    </article>
    <Footer></Footer>
  </div>
</template>

<script>
  import Header from "@/components/header";
  import Footer from "@/components/footer";
  import commonMixins from "@/mixins";

  export default {
      mixins: [commonMixins],
      components: {
          Header,
          Footer
      },
      computed: {
        isLogin() {
          return this.$store.state.usertoken ? true : false;
        }
      },
      watch:{
      },
      data () {
          return {
          }
      },
      created(){
      },
      mounted(){
      },
      methods:{
        next_fn() {
          if(this.isLogin) {
            this.$router.push('trade');
          } else {
            this.$router.push('login');
          }
        },
      }
  }
</script>

<style lang="less" scoped="scoped">
.careers {
  padding-top: 100px;
}
.fc43 {
  fill: currentColor;
  width: 1em;
  height: 1em;
  display: inline-block;
  font-size: 1.5rem;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  flex-shrink: 0;
  user-select: none;
}
.fc44 {
  color: #3f51b5;
}
.fc45 {
  color: #f50057;
}
.fc46 {
  color: #fff;
}
.fc47 {
  color: #f44336;
}
.fc48 {
  color: rgba(255, 255, 255, 0.3);
}
.fc49 {
  font-size: inherit;
}
.fc50 {
  font-size: 1.25rem;
}
.fc51 {
  font-size: 2.1875rem;
}
.fc40 {
  color: inherit;
  border: 0;
  cursor: pointer;
  margin: 0;
  display: inline-flex;
  outline: 0;
  padding: 0;
  position: relative;
  align-items: center;
  user-select: none;
  border-radius: 0;
  vertical-align: middle;
  -moz-appearance: none;
  justify-content: center;
  text-decoration: none;
  background-color: transparent;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.fc40::-moz-focus-inner {
  border-style: none;
}
.fc40.fc41 {
  cursor: default;
  pointer-events: none;
}
@media print {
  .fc40 {
    color-adjust: exact;
  }
}
  .fc1 {
    margin: 0;
  }
  .fc2 {
    font-size: 0.875rem;
    font-family: 'Celias';
    font-weight: 400;
    line-height: 1.43;
  }
  .fc3 {
    font-size: 1rem;
    font-family: 'Celias';
    font-weight: 400;
    line-height: 1.5;
  }
  .fc4 {
    font-size: 0.75rem;
    font-family: 'Celias';
    font-weight: 400;
    line-height: 1.66;
  }
  .fc5 {
    font-size: 0.875rem;
    font-family: 'Celias';
    font-weight: 700;
    line-height: 1.75;
    text-transform: uppercase;
  }
  .fc6 {
    font-size: 6rem;
    font-family: 'Celias';
    font-weight: 300;
    line-height: 1.167;
  }
  .fc7 {
    font-size: 3.75rem;
    font-family: 'Celias';
    font-weight: 300;
    line-height: 1.2;
  }
  .fc8 {
    font-size: 3rem;
    font-family: 'Celias';
    font-weight: 400;
    line-height: 1.167;
  }
  .fc9 {
    font-size: 2.125rem;
    font-family: 'Celias';
    font-weight: 400;
    line-height: 1.235;
  }
  .fc10 {
    font-size: 18px;
    font-family: 'Celias';
    font-weight: 400;
    line-height: 1.334;
  }
  .fc11 {
    font-size: 16px;
    font-family: 'Celias';
    font-weight: 700;
    line-height: 30px;
  }
  .fc12 {
    font-size: 1rem;
    font-family: 'Celias';
    font-weight: 500;
    line-height: 1.75;
  }
  .fc13 {
    font-size: 12px;
    font-family: 'Celias';
    font-weight: 700;
    line-height: 1.57;
  }
  .fc14 {
    font-size: 0.75rem;
    font-family: 'Celias';
    font-weight: 400;
    line-height: 2.66;
    text-transform: uppercase;
  }
  .fc15 {
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
  }
  .fc16 {
    text-align: left;
  }
  .fc17 {
    text-align: center;
  }
  .fc18 {
    text-align: right;
  }
  .fc19 {
    text-align: justify;
  }
  .fc20 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .fc21 {
    margin-bottom: 0.35em;
  }
  .fc22 {
    margin-bottom: 16px;
  }
  .fc23 {
    color: inherit;
  }
  .fc24 {
    color: #5741d9;
  }
  .fc25 {
    color: #0385e6;
  }
  .fc26 {
    color: #0E0C28;
  }
  .fc27 {
    color: rgba(111, 116, 154, 0.47);
  }
  .fc28 {
    color: #ffb968;
  }
  .fc29 {
    display: inline;
  }
  .fc30 {
    display: block;
  }
  .fc31 {
    flex: 0 0 auto;
    color: #fff;
    padding: 12px;
    overflow: visible;
    font-size: 1.5rem;
    text-align: center;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 50%;
  }
  .fc31:hover {
    background-color: transparent;
  }
  .fc31.fc37 {
    color: rgba(255, 255, 255, 0.3);
    background-color: transparent;
  }
@media (hover: none) {
  .fc31:hover {
    background-color: transparent;
  }
}
  .fc32 {
    margin-left: -12px;
  }
  .fc38.fc32 {
    margin-left: -3px;
  }
  .fc33 {
    margin-right: -12px;
  }
  .fc38.fc33 {
    margin-right: -3px;
  }
  .fc34 {
    color: inherit;
  }
  .fc35 {
    color: #3f51b5;
  }
  .fc35:hover {
    background-color: rgba(63, 81, 181, 0.08);
  }
@media (hover: none) {
  .fc35:hover {
    background-color: transparent;
  }
}
  .fc36 {
    color: #f50057;
  }
  .fc36:hover {
    background-color: rgba(245, 0, 87, 0.08);
  }
@media (hover: none) {
  .fc36:hover {
    background-color: transparent;
  }
}
  .fc38 {
    padding: 3px;
    font-size: 1.125rem;
  }
  .fc39 {
    width: 100%;
    display: flex;
    align-items: inherit;
    justify-content: inherit;
  }
@media print {
  .fc121 {
    position: absolute !important;
  }
}
  .fc122 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .fc123 {
    overflow-x: hidden;
    overflow-y: auto;
    text-align: center;
  }
  .fc123:after {
    width: 0;
    height: 100%;
    content: "";
    display: inline-block;
    vertical-align: middle;
  }
  .fc124 {
    height: 100%;
    outline: 0;
  }
@media print {
  .fc124 {
    height: auto;
  }
}
  .fc125 {
    margin: 32px;
    position: relative;
    overflow-y: auto;
  }
@media print {
  .fc125 {
    box-shadow: none;
    overflow-y: visible;
  }
}
  .fc126 {
    display: flex;
    max-height: calc(100% - 64px);
    flex-direction: column;
  }
  .fc127 {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
  .fc128 {
    max-width: calc(100% - 64px);
  }
  .fc129 {
    max-width: 444px;
  }
@media (max-width:507.95px) {
  .fc129.fc127 {
    max-width: calc(100% - 64px);
  }
}
  .fc130 {
    max-width: 600px;
  }
@media (max-width:663.95px) {
  .fc130.fc127 {
    max-width: calc(100% - 64px);
  }
}
  .fc131 {
    max-width: 960px;
  }
@media (max-width:1023.95px) {
  .fc131.fc127 {
    max-width: calc(100% - 64px);
  }
}
  .fc132 {
    max-width: 1280px;
  }
@media (max-width:1343.95px) {
  .fc132.fc127 {
    max-width: calc(100% - 64px);
  }
}
  .fc133 {
    max-width: 1920px;
  }
@media (max-width:1983.95px) {
  .fc133.fc127 {
    max-width: calc(100% - 64px);
  }
}
  .fc134 {
    width: calc(100% - 64px);
  }
  .fc135 {
    width: 100%;
    height: 100%;
    margin: 0;
    max-width: 100%;
    max-height: none;
    border-radius: 0;
  }
  .fc135.fc127 {
    margin: 0;
    max-width: 100%;
  }
@keyframes mui-auto-fill {}
@keyframes mui-auto-fill-cancel {}
  .fc92 {
    color: #fff;
    cursor: text;
    display: inline-flex;
    position: relative;
    font-size: 1rem;
    box-sizing: border-box;
    align-items: center;
    font-family: 'Celias';
    font-weight: 400;
    line-height: 1.1876em;
  }
  .fc92.fc95 {
    color: rgba(255, 255, 255, 0.5);
    cursor: default;
  }
  .fc100 {
    padding: 6px 0 7px;
  }
  .fc100.fc99 {
    padding-top: 3px;
  }
  .fc102 {
    width: 100%;
  }
  .fc103 {
    font: inherit;
    color: currentColor;
    width: 100%;
    border: 0;
    height: 1.1876em;
    margin: 0;
    display: block;
    padding: 6px 0 7px;
    min-width: 0;
    background: none;
    box-sizing: content-box;
    animation-name: mui-auto-fill-cancel;
    letter-spacing: inherit;
    animation-duration: 10ms;
    -webkit-tap-highlight-color: transparent;
  }
  .fc103::-webkit-input-placeholder {
    color: currentColor;
    opacity: 0.5;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  }
  .fc103::-moz-placeholder {
    color: currentColor;
    opacity: 0.5;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  }
  .fc103:-ms-input-placeholder {
    color: currentColor;
    opacity: 0.5;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  }
  .fc103::-ms-input-placeholder {
    color: currentColor;
    opacity: 0.5;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  }
  .fc103:focus {
    outline: 0;
  }
  .fc103:invalid {
    box-shadow: none;
  }
  .fc103::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  .fc103.fc95 {
    opacity: 1;
  }
  .fc103:-webkit-autofill {
    animation-name: mui-auto-fill;
    animation-duration: 5000s;
  }
  label[data-shrink=false] + .fc93 .fc103::-webkit-input-placeholder {
    opacity: 0 !important;
  }
  label[data-shrink=false] + .fc93 .fc103::-moz-placeholder {
    opacity: 0 !important;
  }
  label[data-shrink=false] + .fc93 .fc103:-ms-input-placeholder {
    opacity: 0 !important;
  }
  label[data-shrink=false] + .fc93 .fc103::-ms-input-placeholder {
    opacity: 0 !important;
  }
  label[data-shrink=false] + .fc93 .fc103:focus::-webkit-input-placeholder {
    opacity: 0.5;
  }
  label[data-shrink=false] + .fc93 .fc103:focus::-moz-placeholder {
    opacity: 0.5;
  }
  label[data-shrink=false] + .fc93 .fc103:focus:-ms-input-placeholder {
    opacity: 0.5;
  }
  label[data-shrink=false] + .fc93 .fc103:focus::-ms-input-placeholder {
    opacity: 0.5;
  }
  .fc104 {
    padding-top: 3px;
  }
  .fc105 {
    height: auto;
    resize: none;
    padding: 0;
  }
  .fc106 {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
  }
  .fc53 {
    border: 0;
    margin: 0;
    display: inline-flex;
    padding: 0;
    position: relative;
    min-width: 0;
    flex-direction: column;
    vertical-align: top;
  }
  .fc54 {
    margin-top: 16px;
    margin-bottom: 8px;
  }
  .fc55 {
    margin-top: 8px;
    margin-bottom: 4px;
  }
  .fc56 {
    width: 100%;
  }
  .fc69 {
    color: rgba(255, 255, 255, 0.7);
    padding: 0;
    font-size: 1rem;
    font-family: 'Celias';
    font-weight: 400;
    line-height: 1;
  }
  .fc69.fc71 {
    color: #3f51b5;
  }
  .fc69.fc72 {
    color: rgba(255, 255, 255, 0.5);
  }
  .fc69.fc73 {
    color: #f44336;
  }
  .fc70.fc71 {
    color: #f50057;
  }
  .fc76.fc73 {
    color: #f44336;
  }
  .fc110 {
    height: 0.01em;
    display: flex;
    max-height: 2em;
    align-items: center;
    white-space: nowrap;
  }
  .fc111.fc112:not(.fc115) {
    margin-top: 16px;
  }
  .fc112 {
    margin-right: 8px;
  }
  .fc113 {
    margin-left: 8px;
  }
  .fc114 {
    pointer-events: none;
  }
  .fc57 {
    display: block;
    transform-origin: top left;
  }
  .fc63 {
    top: 0;
    left: 0;
    position: absolute;
    transform: translate(0, 24px) scale(1);
  }
  .fc64 {
    transform: translate(0, 21px) scale(1);
  }
  .fc65 {
    transform: translate(0, 1.5px) scale(0.75);
    transform-origin: top left;
  }
  .fc66 {
    transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
  }
  .fc67 {
    z-index: 1;
    transform: translate(12px, 20px) scale(1);
    pointer-events: none;
  }
  .fc67.fc64 {
    transform: translate(12px, 17px) scale(1);
  }
  .fc67.fc65 {
    transform: translate(12px, 10px) scale(0.75);
  }
  .fc67.fc65.fc64 {
    transform: translate(12px, 7px) scale(0.75);
  }
  .fc68 {
    z-index: 1;
    transform: translate(14px, 20px) scale(1);
    pointer-events: none;
  }
  .fc68.fc64 {
    transform: translate(14px, 12px) scale(1);
  }
  .fc68.fc65 {
    transform: translate(14px, -6px) scale(0.75);
  }
  .fc117 {
    top: -5px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0 8px;
    overflow: hidden;
    position: absolute;
    border-style: solid;
    border-width: 1px;
    border-radius: inherit;
    pointer-events: none;
  }
  .fc118 {
    padding: 0;
    text-align: left;
    transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
    line-height: 11px;
  }
  .fc119 {
    width: auto;
    height: 11px;
    display: block;
    padding: 0;
    font-size: 0.75em;
    max-width: 0.01px;
    text-align: left;
    transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
    visibility: hidden;
  }
  .fc119 > span {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
  }
  .fc120 {
    max-width: 1000px;
    transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms;
  }
  .fc77 {
    position: relative;
    border-radius: 4px;
  }
  .fc77:hover .fc86 {
    border-color: #fff;
  }
@media (hover: none) {
  .fc77:hover .fc86 {
    border-color: rgba(255, 255, 255, 0.23);
  }
}
  .fc77.fc79 .fc86 {
    border-color: #3f51b5;
    border-width: 2px;
  }
  .fc77.fc83 .fc86 {
    border-color: #f44336;
  }
  .fc77.fc80 .fc86 {
    border-color: rgba(255, 255, 255, 0.3);
  }
  .fc78.fc79 .fc86 {
    border-color: #f50057;
  }
  .fc81 {
    padding-left: 14px;
  }
  .fc82 {
    padding-right: 14px;
  }
  .fc85 {
    padding: 18.5px 14px;
  }
  .fc85.fc84 {
    padding-top: 10.5px;
    padding-bottom: 10.5px;
  }
  .fc86 {
    border-color: rgba(255, 255, 255, 0.23);
  }
  .fc87 {
    padding: 18.5px 14px;
  }
  .fc87:-webkit-autofill {
    caret-color: #fff;
    border-radius: inherit;
    -webkit-box-shadow: 0 0 0 100px #266798 inset;
    -webkit-text-fill-color: #fff;
  }
  .fc88 {
    padding-top: 10.5px;
    padding-bottom: 10.5px;
  }
  .fc89 {
    padding: 0;
  }
  .fc90 {
    padding-left: 0;
  }
  .fc91 {
    padding-right: 0;
  }

  .fc-b069214d-1 {
    width: 100%;
    margin: 0 auto;
    max-width: 1170px;
  }
@media (max-width:1229.95px) {
  .fc-b069214d-1 {
    width: initial;
    margin: 0 30px;
  }
}
  .fc-b069214d-2 {
    width: 100%;
    margin: 0 auto;
    max-width: 1170px;
  }
@media (max-width:1229.95px) {
  .fc-b069214d-2 {
    width: initial;
    margin: 0 30px;
  }
}
  .fc-0249d7f8-1 {
    color: #0E0C28;
  }
  .fc-0249d7f8-2 {
    color: #fff;
  }
  .fc-faa559ca-1 {
    padding: 4px;
  }
  .fc-faa559ca-2 {
    border: 1px solid #979797;
    padding: 32px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 0;
  }
@media (max-width:959.95px) {
  .fc-faa559ca-2 {
    padding: 0;
  }
}
  .fc-faa559ca-3 {
    top: 32px;
    color: #fff;
    right: 32px;
    z-index: 1;
    position: absolute;
  }
@media (max-width:959.95px) {
  .fc-faa559ca-3 {
    top: 0;
    right: 0;
  }
}
  .fc-faa559ca-4 {
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
  }
  .fc-faa559ca-4 > iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
  }
  .fc-a6832f4b-1 {
    margin: -100px 0px 0px 0px;
    padding: 132px 0px 40px;
    position: relative;
    text-align: center;
  }
  .fc-a6832f4b-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .fc-a6832f4b-3 {
    font-size: 64px;
    font-weight: 300;
    line-height: 140%;
    margin-bottom: 28px;
  }
@media (max-width:599.95px) {
  .fc-a6832f4b-3 {
    font-size: 44px;
  }
}
  .fc-a6832f4b-3 strong {
    color: #8968ff;
  }
  .fc-a6832f4b-4 {
    font-size: 36px;
    font-weight: 300;
    line-height: 140%;
    text-shadow: 0 0 5px #242424;
    margin-bottom: 28px;
  }
@media (max-width:599.95px) {
  .fc-a6832f4b-4 {
    font-size: 16px;
  }
}
  .fc-a6832f4b-5 {
    opacity: 0.8;
    margin-bottom: 80px;
  }
  .fc-a6832f4b-5:hover {
    opacity: 1;
  }
  .fc-a6832f4b-6 {
    padding: 0;
    font-size: 90px;
  }
  .fc-a6832f4b-7 {
    padding: 4px;
  }
  .fc-a6832f4b-8 {
    top: 0;
    right: 0;
    z-index: 1;
    position: absolute;
  }
  .fc-a6832f4b-9 {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .fc-a6832f4b-10 {
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
  }
  .fc-a6832f4b-10 > * {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
  }
  .fc-a6832f4b-11 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    position: absolute;
    background-color: #242424;
  }
  .fc-cbbcefd3-4 {
    text-overflow: ellipsis;
  }
  .fc-cbbcefd3-5:hover .fc-cbbcefd3-7 {
    border-color: rgba(255, 255, 255, 0.62);
  }
  .fc-cbbcefd3-5.fc-cbbcefd3-6 .fc-cbbcefd3-7 {
    border-color: rgba(255, 255, 255, 0.62);
    border-width: 1px;
  }
  .fc-cbbcefd3-1 {
    width: 190px;
    cursor: pointer;
    text-align: left;
  }
  .fc-cbbcefd3-2 {
    z-index: 0;
  }
  .fc-cbbcefd3-3 {
    color: rgba(255, 255, 255, 0.8);
  }
  .fc-cbbcefd3-3focused {
    color: rgba(255, 255, 255, 0.8);
  }
  .fc-ea222b8d-1 {
    margin-right: 24px;
  }
  .fc-ea222b8d-2 {
    opacity: 0;
    transition: opacity 350ms ease-in-out;
  }
  .fc-ea222b8d-4 {
    display: inherit;
    opacity: 1;
  }
  .fc-ea222b8d-5 {
    display: none;
    opacity: 0;
  }
  .fc-ea222b8d-6 {
    display: none;
    opacity: 0;
  }
  .fc-82b300cc-1 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
@media (max-width:959.95px) {
  .fc-82b300cc-1 {
    display: none;
  }
}
  .fc-82b300cc-2 {
    color: #fff;
    height: 40px;
    padding: 8px 20px;
    box-sizing: border-box;
    font-weight: 700;
    line-height: 24px;
    border-radius: 20px;
    text-transform: none;
    text-decoration: none;
    background-color: #5741d9;
  }
  .fc-82b300cc-2:hover {
    background-color: #8968ff;
  }
  .fc-565771a7-1 {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
  }
@media (max-width:599.95px) {
  .fc-565771a7-1 {
    font-size: 14px;
  }
}
  .fc-565771a7-1 a {
    color: #5741d9;
    font-weight: 700;
    text-decoration: none;
  }
@media (min-width:960px) {
  .fc-565771a7-1 {
    margin-bottom: 40px;
  }
}
  .fc-565771a7-1 a:hover {
    color: #8968ff;
  }
  .fc-a8a3a929-1 {
    width: 50vw;
    padding: 12px 0 20px 0;
    position: absolute;
  }
  .fc-a8a3a929-1 * a {
    text-decoration: none;
  }
  .fc-a8a3a929-2 {
    visibility: hidden;
  }
  .fc-a8a3a929-3 {
    display: flex;
    flex-direction: row;
  }
  .fc-a8a3a929-4 {
    margin-right: 40px;
  }
  .fc-a8a3a929-5 {
    line-height: 29px;
  }
  .fc-a8a3a929-6 {
    color: #fff;
    opacity: 0.6;
  }
  .fc-a8a3a929-6:hover {
    opacity: 0.48;
  }
  .fc-db0cec94-1 {
    position: relative;
    margin-right: 32px;
  }
  .fc-db0cec94-1 > a {
    display: block;
    overflow: hidden;
    text-decoration: none;
  }
  .fc-db0cec94-1:hover {
    cursor: pointer;
  }
  .fc-db0cec94-1:hover > a:after {
    opacity: 1;
    transform: translate(0%, 0);
    background-color: #fff;
  }
  .fc-db0cec94-1 > a:after {
    width: 100%;
    bottom: 0;
    height: 2px;
    content: "";
    display: block;
    opacity: 0;
    transition: transform 0s linear 0s, opacity 0s linear 0s;
  }
  .fc-db0cec94-2 {  }
  .fc-db0cec94-2 > a {  }
  .fc-db0cec94-2:hover {  }
  .fc-db0cec94-2:hover > a {  }
  .fc-db0cec94-2:hover > a:after {
    transition: transform 0.06s ease-out 0s, opacity 0.15s ease-out 0s;
  }
  .fc-db0cec94-2 > a:after {
    transform: translate(0%, 0);
  }
  .fc-db0cec94-3 {  }
  .fc-db0cec94-3 > a {  }
  .fc-db0cec94-3:hover {  }
  .fc-db0cec94-3:hover > a {  }
  .fc-db0cec94-3:hover > a:after {
    transition: transform 0.16s ease-out 0s, opacity 0.3s ease-out 0s;
  }
  .fc-db0cec94-3 > a:after {
    transform: translate(-40%, 0);
  }
  .fc-db0cec94-4 {  }
  .fc-db0cec94-4 > a {  }
  .fc-db0cec94-4:hover {  }
  .fc-db0cec94-4:hover > a {  }
  .fc-db0cec94-4:hover > a:after {
    transition: transform 0.06s ease-out 0s, opacity 0.15s ease-out 0s;
  }
  .fc-db0cec94-4 > a:after {
    transform: translate(0%, 0);
  }
  .fc-db0cec94-5 {  }
  .fc-db0cec94-5 > a {  }
  .fc-db0cec94-5:hover {  }
  .fc-db0cec94-5:hover > a {  }
  .fc-db0cec94-5:hover > a:after {
    transition: transform 0.16s ease-out 0s, opacity 0.3s ease-out 0s;
  }
  .fc-db0cec94-5 > a:after {
    transform: translate(-40%, 0);
  }
  .fc-db0cec94-6 {  }
  .fc-db0cec94-6 > a {  }
  .fc-db0cec94-6:hover {  }
  .fc-db0cec94-6:hover > a {  }
  .fc-db0cec94-6:hover > a:after {
    transition: transform 0.16s ease-out 0s, opacity 0.3s ease-out 0s;
  }
  .fc-db0cec94-6 > a:after {
    transform: translate(-40%, 0);
  }
  .fc-db0cec94-7 {  }
  .fc-db0cec94-7 > a {  }
  .fc-db0cec94-7:hover {  }
  .fc-db0cec94-7:hover > a {  }
  .fc-db0cec94-7:hover > a:after {
    transition: transform 0.16s ease-out 0s, opacity 0.3s ease-out 0s;
  }
  .fc-db0cec94-7 > a:after {
    transform: translate(-40%, 0);
  }
  .fc-a4de58d0-1 {
    display: flex;
    z-index: 5;
    flex-grow: 1;
    align-items: baseline;
  }
  .fc-a4de58d0-2 {
    display: flex;
    flex-grow: 1;
  }
  .fc-0c1e011d-1 {
    color: transparent;
    width: 42px;
    height: 100px;
    margin: 0 78px 0 0;
    display: block;
    z-index: 99;
    overflow: hidden;
    position: relative;
    flex-grow: 0;
    text-indent: -99999em;
    background-size: contain;
    background-image: url();
    background-repeat: no-repeat;
    background-position: center center;
  }
  .fc-0c1e011d-2 {
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    position: absolute;
    background-color: #5741d9;
  }
  .fc-0c1e011d-3 {
    left: 0;
    width: 100%;
    bottom: 100px;
    height: 100vh;
    z-index: 3;
    position: absolute;
    transform: translate(0, 100%);
    background-color: rgba(0,0,0,0.7);
  }
  .fc-0c1e011d-4 {
    display: none;
  }
  .fc-0c1e011d-5 {
    height: 0px;
  }
  .fc-f9d524fc-1 div {
    color: #FFFFFF;
    padding: 8px;
    text-align: center;
    background-color: #5841D8;
  }
</style>
